<extend name="Public/base"/>
<block name="css">
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/default/tag_index.css"/>	
</block>

<block name="body">
	<div class="row visible-xs" style="margin-bottom:10px;">
		<div class="col-xs-12">
			<ul class="nav nav-tabs">
			   <li <if condition="$Think.get.typeid eq '' || $Think.get.typeid eq '0'">class="active"</if>><a href="{:U('Tag/index',array('typeid'=>0))}">全部</a></li>
			   <li <if condition="$Think.get.typeid eq '1'">class="active"</if>><a href="{:U('Tag/index',array('typeid'=>1))}">电影</a></li>
			   <li class="dropdown">
			      <a class="dropdown-toggle" data-toggle="dropdown" href="#">更多<span class="caret"></span></a>
			      <ul class="dropdown-menu">
			         <li <if condition="$Think.get.typeid eq '2'">class="active"</if>><a href="{:U('Tag/index',array('typeid'=>2))}">电视剧</a></li>
			         <li <if condition="$Think.get.typeid eq '3'">class="active"</if>><a href="{:U('Tag/index',array('typeid'=>3))}">综艺</a></li>
			         <li <if condition="$Think.get.typeid eq '4'">class="active"</if>><a href="{:U('Tag/index',array('typeid'=>4))}">音乐</a></li>
			         <li <if condition="$Think.get.typeid eq '5'">class="active"</if>><a href="{:U('Tag/index',array('typeid'=>5))}">动漫</a></li>
			         <li <if condition="$Think.get.typeid eq '6'">class="active"</if>><a href="{:U('Tag/index',array('typeid'=>6))}">小说</a></li>
			         <li <if condition="$Think.get.typeid eq '7'">class="active"</if>><a href="{:U('Tag/index',array('typeid'=>7))}">游戏</a></li>
			         <li <if condition="$Think.get.typeid eq '8'">class="active"</if>><a href="{:U('Tag/index',array('typeid'=>8))}">软件</a></li>
					 <li <if condition="$Think.get.typeid eq '66'">class="active"</if>><a href="{:U('Tag/index',array('typeid'=>66))}">电子书</a></li>
			      </ul>
			   </li>
			</ul>
		</div>
	</div>
	<div class="row video">
		<div class="hidden-xs col-sm-3 col-md-3 section">
		<!-- hidden-xs -->
				<div class="header">标签</div>
					<div class="panel-group" id="accordion">
						<div class="panel panel-default">
							    <div class="panel-heading">
							      <h4 class="panel-title"><a data-toggle="collapse"  class="panel_header"  data-parent="#accordion" href="#type0">全部标签</a></h4>
							    </div>
							    <div id="type0" class="panel-collapse collapse in">
							      <div class="panel-body">
							      	<ul>
							      		<li id="typeid0"><a href="{:U('Tag/index',array('typeid'=>0))}">全部标签</a></li>
							      	</ul>
							      </div>
							    </div>
						</div>
						<volist name="type" id="type">
							<div class="panel panel-default">
							    <div class="panel-heading">
							      <h4 class="panel-title"><a data-toggle="collapse"  class="panel_header"  data-parent="#accordion" href="#type{$type.id}">{$type.name}</a></h4>
							    </div>
							    <div id="type{$type.id}" class="panel-collapse collapse">
							      <div class="panel-body">
							      	<ul>
							      	<volist name="type.son" id="son">
							      		<li id="typeid{$son['id']}"><a href="{:U('Tag/index',array('typeid'=>$son['id']))}">{$son.name}</a></li>
							      	</volist>	
							      	</ul>
							      </div>
							    </div>
							  </div>
						 </volist>
			</div>
		</div>
		<div class="col-sm-9 col-md-9">
			<span class="list_header hidden-xs">标签 / 全部标签
			</span>
				<empty name="tag">
					<div class="surprize">
						<img src="__PUBLIC__/img/surprize2.png" style="border-radius:100%;"/>
						<br>
						<h5>我和我的小伙伴们都震惊了，居然没有找到该类资源</h5>
					</div>
				</empty>
				<volist name="tag" id="vo">
					<span class="tag"><a href="{:U('So/result',array('keyword'=>urlencode($vo['name'])))}"  data-toggle="tooltip" 
	   data-placement="top"  title="{$vo.name}" target="_blank">{$vo.name}</a></span>
				</volist>
			<div class="mypage">{$page}</div>
		</div>
	</div>
</block>

<block name="script">
	<script>
	   $(function () {
	   	$("[data-toggle='tooltip']").tooltip(); 
	   	var typeid="{$Think.get.typeid}";
	   	if (typeid!=0) $('.collapse').removeClass('in');
	   	$('#typeid'+typeid).parent().parent().parent().addClass('in');
	   	$('#typeid'+typeid).addClass('myselect');
	   });
	</script>
</block>